vue项目启动时，npm run serve 和 npm run dev 的区别

在我们运行一些 vue 项目的时候，输入npm run serve或者 npm run dev的其中一个时，系统会报错：

PS C:\Users\LENOVO\Desktop> npm run devnpm ERR! missing script: dev

npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\LENOVO\AppData\Roaming\npm-cache\_logs\2020-05-27T01_05_59_189Z-debug.logPS C:\Users\LENOVO\Desktop\website> npm run serve

然后我们就特别好奇，npm run serve 和 npm run dev 到底有什么区别，这时我们就打开 package.json 文件，观察这段代码：

"scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint"},

可以把这个 npm run serve 当做是 npm run package.json 里面的scripts的value。比如，npm run serve 实际运行的是 vue-cli-service serve；而如果你想使用npm run dev 的话，只需把 “serve” 修改为 “dev” 就行。如下：

"scripts": {"dev": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint"},

这就是 npm run serve 和 npm run dev 的区别，原理特别简单，但是需要多加注意。